<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

  </head>
  <body>
  <g:if test="${upd=='si'}">
    <script>
      goTo('inscripcion','list','','definicion_list');
    </script>
  </g:if>



  <div class="definicion">
    <div class="inscripcion">
${DefinicionUtils.buildHeaderShow_N_G('','inscripcion')}
      <g:if test="${flash.message}">
        <div class="message">${flash.message}</div>
      </g:if>
      <g:if test="${listaErrores && listaErrores.size()>0}">
        <div class="errors">
          <ul>
            <g:each var="error" in="${listaErrores}">
              <li>${error}</li>
            </g:each>
          </ul></div>
      </g:if>
      <g:hasErrors bean="${inscripcionInstance}">
        <div class="errors">
          <g:renderErrors bean="${inscripcionInstance}" as="list" />
        </div>
      </g:hasErrors>
    </div>
    <g:form action="save" method="post" autocomplete="off" name="definicion">

      <input type="hidden" name="eOc" value="${eOc}"/>
      <input type="text" id="id" name="id" value="${inscripcionInstance?.id}" disabled class="disabled"  style="display: none;"/>
      <table align="center">
        <tbody>

          <tr class="prop">
            <td align="left" valign="middle" class="name">
              <label for="tipoInscripcion">Fecha de Inscripción</label> 
            </td>
            <td valign="top" class="value ${hasErrors(bean: inscripcionInstance, field: 'fechaInscripcion', 'errors')}">

        <g:if test="${inscripcionInstance.fechaInscripcion == null}">
          <g:textField disabled="disabled" name="fechaInscripcion" id="fechaInscripcion" maxlength="50" style="width:200px" value="${FormatUtils.formatDateDDMMYYYY(new Date())}" class="campos" />
        </g:if>
        <g:else>
          <g:textField disabled="disabled" name="fechaInscripcion" id="fechaInscripcion" maxlength="50" style="width:200px" value="${FormatUtils.formatDateDDMMYYYY(inscripcionInstance.fechaInscripcion)}" class="campos" />
        </g:else>
        </td>
        </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="lapsoAcademico">Lapso Academico</label> 
          </td>
          <td valign="top" class="value ${hasErrors(bean: inscripcionInstance, field: 'lapsoAcademico', 'errors')}">
        <g:textField disabled="disabled"  name="lapsoAcademico" maxlength="50" style="width:200px" value="${inscripcionInstance?.lapsoAcademico}" class="campos" />
        </td>
        </tr>
        <tr class="prop">
          <td align="left" valign="middle" class="name">
            <label for="tipoInscripcion">Tipo de Inscripción</label> 
          </td>
          <td valign="top" class="value ${hasErrors(bean: inscripcionInstance, field: 'tipoInscripcion', 'errors')}">


        <g:select name="tipoInscripcion" from="${['Regular', 'Repitente']}" style="width:200px" value="${inscripcionInstance?.tipoInscripcion}"  class="campos" />
        </td>
        </tr>
        <tr>
          <td class="labels">
            Cédula            
          </td>
          <td class="value ${hasErrors(bean:inscripcionInstance,field:'alumno','errors')}">
        <g:textField  type="text" class="" name="alumno" value="${inscripcionInstance?.alumno?.cedula}" id="alumnos" onchange="${remoteFunction(action: 'busquedaDivisiones',
update: [success: 'divDivisiones',
  failure: 'ohno'],
params: '\'alumno=\' + this.value')}" style="width:200px" class="campos" />
        </td>
        </tr>
        <tr>
          <td>
            Divisiones
          </td>
          <td class="value ${hasErrors(bean:inscripcionInstance,field:'division','errors')}">
            <div id="divDivisiones">
              <g:select  from="${inscripcionInstance?.alumno?.especialidad?.divisiones}"  name="division" noSelection="${['':'Seleccione uno...']}" value="${inscripcionInstance?.division?.id}"  optionKey="id"  onchange="${remoteFunction(action: 'busquedaMaterias',
update: [success: 'divMaterias',
failure: 'ohno'],
params: '\'division=\' + this.id')}" style="width:200px" class="campos" />
          </td>

          </div>
          </td>
        </tr>
        <tr>
          <td>
            Materias
          </td>

          <td class="value ${hasErrors(bean:inscripcionInstance,field:'materia','errors')}">

            <div id="divMaterias" >
              <g:select class="campos" from="${inscripcionInstance?.division?.materias}" style="width:200px;"  optionKey="id" optionValue="nombre" value="${inscripcionInstance?.materia?.id}" name="materia" noSelection="${['':'Seleccione uno...']}" />         
            </div>
          </td>
        </tr>
        <tr>
          <td>
            Sección            
          </td>
          <td class="value ${hasErrors(bean:inscripcionInstance,field:'seccion','errors')}">
        <g:select style="width:200px" class="campos" name="seccion"
                  from="${sucre.Seccion.list()}"
                  value="${inscripcionInstance?.seccion?.id}"
                  optionKey="id" optionValue="descripcion" noSelection="${['':'Seleccione uno...']}" />
        </td>
        </tr>
        <tr>
          <td>
            Profesor            
          </td>
          <td class="value ${hasErrors(bean:inscripcionInstance,field:'docente','errors')}">
        <g:select style="width:200px" class="campos" name="docente"
                  from="${sucre.Docente.list()}"
                  value="${inscripcionInstance?.docente?.id}"
                  optionKey="id" optionValue="nombres" noSelection="${['':'Seleccione uno...']}" />
        </td>
        </tr>
        </tbody>
      </table>

    </g:form>
  </div>

  <script>                
        
    jQuery(function() {
      jQuery("#alumnos").autocomplete({
        minLength: 0,
        source: ${alumnos},
        focus: function( event, ui ) {
                jQuery( "#alumnos" ).val( ui.item.label );
                return false;
        },
        select: function( event, ui ) {
                jQuery( "#alumnos" ).val( ui.item.label );
                jQuery( "#alumnos-id" ).val( ui.item.value );
                jQuery( "#alumnos-description" ).html( ui.item.desc );


                return false;
        }}).data( "autocomplete" )._renderItem = function( ul, item ) {
                  return jQuery( "<li></li>" )
                          .data( "item.autocomplete", item )
                          .append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
                          .appendTo( ul );
        };
      });

        
  </script>
</body>
</html>